<%@ page contentType="text/html;charset=UTF-8" language="java"%>

<html>
<head>
<title>Tiny Portal Demo</title>
<link rel="stylesheet" href="css/debug.css">
<link rel="stylesheet" href="css/simpleform.css">
<link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.3.min.js"></script>
<script src="js/jquery.tinyportal.js" language="javascript"></script>
<script language="javascript">
	(
	function($){
		$.registerDependencies( {
			'portlets/loginPortlet.jsp' : [ 'portlets/loginStatusPortlet.jsp','portlets/loginStatus2Portlet.jsp'  ]
		});
		$(window).bind('load',function(){
			setTimeout(function(){
				$('#overlay').fadeOut(function(){
					$('body').css('overflow', 'auto');
				});
			}, 750);
		});
	}
	)(jQuery);
</script>
</head>

<body id="uidemo" >
<h1>Tiny Portal Demo</h1>

<div id="container">

	<div id="LoginPortlet" >
		<jsp:include page="portlets/loginPortlet.jsp" />
	</div>
	
	<div id="LoginStatusPortlet">
		<jsp:include page="portlets/loginStatusPortlet.jsp" />
	</div>
	
	<div id="LoginStatus2Portlet">
		<jsp:include page="portlets/loginStatus2Portlet.jsp" />
	</div>
	
	<div id="debug" class="ui-sortable">
		<h2>Debug Console</h2>
		<div id="ajaxconsole"></div>
	</div>
	
</div>

<div class="clear"></div>
<div id="overlay">
	<div id="preloader"><img src="images/loader.gif" alt="" /></div>
</div>
</body>
</html>